@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
.coba {
	background: #00ff00;
}
.judul-login h1 {
	font-size: 23px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'open_sanssemibold', arial;
}
.judul-login h3 {
	font-size: 18px;
	color: #fafafa;
}
.outer100atas {
	width: 100%;
	background: #f8f8f8;
	z-index: 9999;
}
.nav-atas-b {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: 'open_sanssemibold', arial;
}
.nav-atas-b li {
	float: left;
	padding: 9px 20px;
	border-bottom: 4px solid #ddd;
}
.nav-atas-b li a, .nav-atas-b li a:visited {
	color: #666;
	text-decoration: none;
}
.nav-atas-b li:hover, .nav-atas-b li a:hover {
	color: #1c86f6;
	border-bottom: 4px solid #1c86f6;
	background-color: #eee;
}
.p-menu-icon {
	margin: 0;
	font-size: 16px;
}
.p-menu {
	margin: 0;
}
.nama-perusahaan {
	font-size: 18px;
	color: #fff;
	margin: 5px 10px;
}
.nama-perusahaan img {
	height: 49px;
}
.tagline {
	font-size: 12px;
	color: #ddd;
	margin-top: 0;
	margin-bottom: 0;
}
.judul-page {
	margin: 0;
	font-size: 16px;
	color: #1c86f6;
	font-weight: bold;
	font-family: 'open_sanssemibold', arial, verdana;
}
.margin-bottom10 {
	margin-bottom: 10px;
}
.full-width {
	width: 100%;
}
.login-header {
	height: 85px;
	border-bottom: 5px solid #00387b;
	background-color: #f8f8f8;
}
.login-header img {
	height: 70px;
	margin: 5px 0;
}
/* for efek hover */
a {
  -moz-transition: color 500ms ease-in-out 0s, background-color 500ms ease-in-out 0s;
  -ms-transition: color 500ms ease-in-out 0s, background-color 500ms ease-in-out 0s;
  -o-transition: color 500ms ease-in-out 0s, background-color 500ms ease-in-out 0s;
  -webkit-transition: color 500ms ease-in-out 0s, background-color 500ms ease-in-out 0s;
  transition: color 500ms ease-in-out 0s, background-color 500ms ease-in-out 0s;
  white-space: normal;
}
img {
  -moz-transition: color 500ms ease-in-out 0s, opacity 500ms ease-in-out 0s;
  -ms-transition: color 500ms ease-in-out 0s, opacity 500ms ease-in-out 0s;
  -o-transition: color 500ms ease-in-out 0s, opacity 500ms ease-in-out 0s;
  -webkit-transition: color 500ms ease-in-out 0s, opacity 500ms ease-in-out 0s;
  transition: color 500ms ease-in-out 0s, opacity 500ms ease-in-out 0s;
  white-space: normal;
}
img:hover {
  opacity: 0.8;
}
/* end efek hover */

.noInput{
	margin-top:6px;
}
.datepicker {
	z-index: 1151 !important;
}
.judul-hub {
	color: #fc771f;
}
.kursor{
	cursor: pointer;
}